﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>动动吧全民健身网</title>

<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="layui/css/layui.css">
<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">

</head>
<body>
 <div class="header">
	<div class="header-top-bg">
		<div class="container">
			<div class="header-city pad-10 small left"><span>济南市</span><a>[切换城市]</a></div>
			<div class="header-login pad-10 small right">
				<ul class="list-inline no-margin inline">
					<li >登录</li>
					<li >|</li>
					<li >注册</li>
				</ul>
			</div>
			<div class="clear"></div> 
		</div>
	</div>
	<div class="logo">
		<div class="container clear">
			<div class="header-logo-left pad-20 left">
				<div class="logo left">
					<a href="/">
						<img src="images/bs-logo_07.png"/>
					</a>
				</div>
				<div class="logo left line">
					
				</div>
				<div class="logo-right  left">
					<a href="/">
						<img src="images/bs-logo_10.png"/>
					</a>
				</div>
			</div>
			<div class="header-logo-right right">
				<ul class="list-inline no-margin">
					<li ><i class="bs-phoneimg1"></i>0531-88758917</li>
					<li >|</li>
					<li ><i class="bs-phoneimg2"></i>3370677406</li>
				</ul>
			</div>
		
		</div>
	</div>
	<div class="nav">
		<div class="container">
			<ul class="layui-nav no-margin">
				
				<li class="layui-nav-item layui-this">
                    <a href=""  title="动动首页">动动首页</a></li>
                <li class="layui-nav-item">
                    <a href="article.html"  title="体育资讯">体育资讯</a></li>
                <li class="layui-nav-item">
                    <a href="stadium.html"  title="场馆预定">场馆预定</a></li>
                <li class="layui-nav-item">
                    <a href="category.html"  title="赛事活动">赛事活动</a></li>
                <li class="layui-nav-item">
                    <a href="train.html"  title="项目培训">项目培训</a></li>
                <li class="layui-nav-item">
                    <a href="health.html"  title="健康管理">健康管理</a></li>
                <li class="layui-nav-item">
                    <a href="constitution.html"  title="体质监测">体质监测</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_search"  title="协会/俱乐部">协会/俱乐部</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_pt"  title="产业平台">产业平台</a></li>
                <li class="layui-nav-item">
                    <a href="http://mall.008sport.com/ddb.php?" target="_blank" title="体育商城">体育商城</a></li>
			</ul>	
		</div>
		
	</div>
	
 </div>
<div class="slide">
	<div class="box_skitter box_skitter_large">
			<ul>
				<li><a href="#cubeRandom"><img src="images/bs-banner_01.jpg" class="cubeRandom" /></a><div class="label_text"><p>cubeRandom</p></div></li>
				<li><a href="#block"><img src="images/bs-banner_02.jpg" class="block" /></a><div class="label_text"><p>block</p></div></li>
				<li><a href="#cubeStop"><img src="images/bs-banner_01.jpg" class="cubeStop" /></a><div class="label_text"><p>cubeStop</p></div></li>
			</ul>
	</div>
	<div class="container  reservation absolute">
		<form class="layui-form fast-reservation" action="">
			<div class="bs-form-title"><span style="font-size: 18px;">快速预订/</span><span class="font12">Fast reservation</span></div>
			<div class="layui-form-item pad-top-20">
				<div class="layui-input-inline">
				  <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入场馆名称或教练名称" class="layui-input">
				</div>
			 </div>
			<div class="layui-form-item">
				<div class="layui-input-inline">
					<select name="quiz">
						<option value="">请选择地区</option>
						<optgroup label="济南">
							<option value="2518">历下区</option>
							<option value="2522">市中区</option>
							<option value="2524">槐荫区</option>
							<option value="2521">天桥区</option>
							<option value="2519">历城区</option>
							<option value="2527">长清区</option>
							<option value="2523">平阴县</option>
							<option value="2525">济阳县</option>
							<option value="2520">商河县</option>
							<option value="2526">章丘市</option>
							<option value="45057">高新区</option>
						</optgroup>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-inline">
					<select name="quiz">
						<option value="">请选择项目</option>
						<optgroup label="球类运动">
							<option value="2518">篮球</option>
							<option value="2522">足球</option>
							<option value="2524">排球</option>
							<option value="2521">乒乓球</option>
							<option value="2519">羽毛球</option>
						</optgroup>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn field" lay-submit="" lay-filter="demo2">立即预定</button>
			</div>
		</form>
	</div>
</div>
<div class="container pad-top-20">
	<div class="row self-title">
		<div class="col-5">
			<blockquote class="layui-elem-quote">赛事活动/EVENTS </blockquote>
			<div class="layui-tab  layui-tab-card">
				<div class="layui-tab-content ">
					<div class="layui-tab-item pad-bottom-10 layui-show">
						<div class="ic-top">
							<div class="ic-top-left">
								<a href="/" title="运动起来">
									<img src="images/match_471.jpg"/>
								</a>
							</div>
							<div class="ic-top-right pad-10">
								<b>运动起来！</b>
								<p>666</p>
							</div>
						</div>
						<div class="ic-list">
							<ul class="list-unstyled">
								<li><a class="ic-list-block" href="#">羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛</a><span>个人</span></li>
								<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
								<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
							</ul>
						</div>
					</div>
					<div class="layui-tab-item ">
						<div class="layui-tab-item pad-bottom-10 layui-show">
							<div class="ic-top">
								<div class="ic-top-left">
									<a href="/" title="运动起来">
										<img src="images/match_472.jpg"/>
									</a>
								</div>
								<div class="ic-top-right pad-10">
									<b>运动起来！</b>
									<p>666</p>
								</div>
							</div>
							<div class="ic-list">
								<ul class="list-unstyled">
									<li><a class="ic-list-block" href="#">羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛</a><span>个人</span></li>
									<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
									<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="layui-tab-item ">
						<div class="layui-tab-item pad-bottom-10 layui-show">
							<div class="ic-top">
								<div class="ic-top-left">
									<a href="/" title="运动起来">
										<img src="images/match_473.jpg"/>
									</a>
								</div>
								<div class="ic-top-right pad-10">
									<b>运动起来！</b>
									<p>666</p>
								</div>
							</div>
							<div class="ic-list">
								<ul class="list-unstyled">
									<li><a class="ic-list-block" href="#">羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛</a><span>个人</span></li>
									<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
									<li><a class="ic-list-block" href="#">羽毛球对抗赛</a><span>协会</span></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<ul class="layui-tab-title">
					<li class="layui-this">07-09活动安排</li>
					<li>07-10活动安排</li>
					<li>07-11活动安排</li>
				</ul>
			</div>
		</div>
		<div class="col-4">
			<blockquote class="layui-elem-quote">行业动态/NEWS </blockquote>
			<div class="ic-new">
							<div class="ic-top">
								<div class="ic-top-left">
									<a href="/" title="运动起来">
										<img src="images/match_473.jpg"/>
									</a>
								</div>
								<div class="ic-top-right pad-10">
									<b>运动起来！</b>
									<p>666</p>
								</div>
							</div>
							<div class="ic-new-list">
								<ul class="list-unstyled">
									<li><a class="ic-new-block" href="#">羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛</a><span>2017-01-02</span></li>
									<li><a class="ic-new-block" href="#">羽毛球对抗赛</a><span>2017-01-02</span></li>
									<li><a class="ic-new-block" href="#">羽毛球对抗赛</a><span>2017-01-02</span></li>
									<li><a class="ic-new-block" href="#">羽毛球对抗赛</a><span>2017-01-02</span></li>
									<li><a class="ic-new-block" href="#">羽毛球对抗赛</a><span>2017-01-02</span></li>
								</ul>
							</div>
			</div>
		</div>
		<div class="col-3">
			<blockquote class="layui-elem-quote">APP下载/DOWNLOAD </blockquote>
			<div class="ic-download">
				<ul class="list-unstyled">
					<li>
						<img src="images/code.png"/><p>扫码下载动动吧APP</p>
					</li>
					<li>
						<img src="images/code1.png"/><p>扫码关注动动吧公众号</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="container pad-top-20">
	<img class="field" src="images/bs-img1_03.png"/>
</div>

<div class="container pad-top-10" >
	<div class="row self-title">
		<div class="col-12"><blockquote class="layui-elem-quote no-background">足球场/FOOTBALL COURT <a class="title-more">MORE>></a></blockquote></div>
	</div>
	<div class="new-border ">
		<div class="row ">
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_8087.jpg"/></li>
					<li ><a href="#"><h2 class="font-800">爱动羽毛球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省潍坊市安丘市永安路中国联通永安路营业厅正。。。</a></li>
					<li ><p class="fs-4 red font-800">￥30.0</p></li>
				</ul>
			</div>
			<div class="col-3">	
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">山东金泰足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市北区吉林路16号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">绿茵足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市南区东海西路6号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><p class="hot-title">热门场馆</p></li>
					<li class="li-30"><a href="#">绿茵足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">山东金泰足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">爱动羽毛球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="container pad-top-10" >
	<div class="row self-title">
		<div class="col-12"><blockquote class="layui-elem-quote no-background">羽毛球场/BADMINTON COURT <a class="title-more">MORE>></a></blockquote></div>
	</div>
	<div class="new-border ">
		<div class="row ">
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_8087.jpg"/></li>
					<li ><a href="#"><h2 class="font-800">爱动羽毛球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省潍坊市安丘市永安路中国联通永安路营业厅正。。。</a></li>
					<li ><p class="fs-4 red font-800">￥30.0</p></li>
				</ul>
			</div>
			<div class="col-3">	
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">山东金泰足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市北区吉林路16号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">绿茵足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市南区东海西路6号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><p class="hot-title">热门场馆</p></li>
					<li class="li-30"><a href="#">绿茵足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">山东金泰足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">爱动羽毛球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="container pad-top-10" >
	<div class="row self-title">
		<div class="col-12"><blockquote class="layui-elem-quote no-background">瑜伽/YOGA FACILITY <a class="title-more">MORE>></a></blockquote></div>
	</div>
	<div class="new-border ">
		<div class="row ">
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_8087.jpg"/></li>
					<li ><a href="#"><h2 class="font-800">爱动羽毛球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省潍坊市安丘市永安路中国联通永安路营业厅正。。。</a></li>
					<li ><p class="fs-4 red font-800">￥30.0</p></li>
				</ul>
			</div>
			<div class="col-3">	
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">山东金泰足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市北区吉林路16号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><img class="field" src="images/company_logo_default.png"/></li>
					<li ><a href="#"><h2 class="font-800">绿茵足球俱乐部</h2></a></li>
					<li class="li-30"><a href="#">山东省青岛市市南区东海西路6号</a></li>
					<li ><p class="fs-4 red font-800">￥0.0</p></li>
				</ul>
			</div>
			<div class="col-3">
				<ul class="list-unstyled">
					<li ><p class="hot-title">热门场馆</p></li>
					<li class="li-30"><a href="#">绿茵足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">山东金泰足球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">爱动羽毛球俱乐部</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
					<li class="li-30"><a href="#">山东大学洪楼校区足球场</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="container pad-top-10" >
	<div class="row">
		<div class="col-6">
			<div class="row self-title">
				<div class="col-12"><blockquote class="layui-elem-quote no-background">健康管理/HEALTH MANAGEMENT <a class="title-more">MORE>></a></blockquote></div>
			</div>
			<div class="new-border ">
				<div class="ic-top">
					<div class="ic-top-left">
						<a href="/" title="运动起来">
							<img src="images/match_473.jpg"/>
						</a>
					</div>
					<div class="health-left pad-10">
						<b>运动起来！</b>
						<p>现在很多人迷上了大步走这种运动，每天在公园里、小区里“暴走”的人络绎不绝，微信朋友圈里更是天天都有“晒走路”、“占领”封面的朋友。走步这个运动是不是适合所有</p>
					</div>
				</div>
				<div class="ic-new-list">
					<ul class="list-unstyled">
						<li class="border-dash"><a class="ic-new-block" href="#">羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛羽毛球对抗赛</a><span>2017-01-02</span></li>
						<li class="border-dash"><a class="ic-new-block" href="#">羽毛球对抗赛</a><span>2017-01-02</span></li>
						
					</ul>
				</div>
			</div>
		</div>
		
		<div class="col-6">
			<div class="row self-title">
				<div class="col-12"><blockquote class="layui-elem-quote no-background">项目培训/PROJECT TRAINING<a class="title-more">MORE>></a></blockquote></div>
			</div>
			<div class="new-border ">
				<div class="train">
					<div class="train-left">
						<a href="/" title="运动起来">
							<img src="images/match_473.jpg"/>
						</a>
					</div>
					<div class="train-right pad-10">
						<ul class="list-unstyled">
							<li class="font-800"><a class="ic-new-block" href="#">培训测试</a></li>
							<li class="border-dash">培训机构：商家测试帐号</li>
							<li>培训地点：洪家楼</li>
							<li>培训费用：0元/人</li>
							<li>限制人数：20人</li>
							<li>培训时间：每周六下午6点</li>
							<li><a class="layui-btn field" href="/">查看详情</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="footer">
	<ul class="list-inline">
		<li><a>关于我们</a></li>
		<li><a>联系我们</a></li>
		<li><a>商馆入驻</a></li>
		<li><a>客户服务</a></li>
	</ul>
	<ul class="list-inline" style="width:450px">
		<li>Copyright © 2017 动动吧 版权所有 鲁ICP备15020333号-2</li>
	</ul>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="layui/layui.all.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
 <script type="text/javascript">
        jQuery(document).ready(function($) {
  $('.box_skitter_large').css({width:'100%',height:"500px"}).skitter({label: false,	 numbers: false, theme: 'square'});
        });
    </script>
  
</body>
</html>